<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /**
     * 1、同源策略
     *      -   是浏览器安全策略
     *      -   协议名、域名、端口号必须完全一致
     *  2、跨域
     *      违背同源策略就会产生跨域
     *  3、解决跨域
     *      jsonp cors 服务器代理
     *
     * @type {HTMLScriptElement}
     */
    // 创建script标签
    let script = document.createElement('script')
    // 设置回调函数
    function getData(data) {
        // 数据请求回来会被出发的函数
        console.log(data)
    }
    // 设置script标签的src属性，设置请求地址
    script.src = 'http://localhost:3000?callback=getData'
    // 让script标签生效
    document.body.appendChild(script)
</script>
</body>
</html>
